<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2021/5/4
  Time: 10:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-Hans-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width" />
  <title>首页模板</title>
  <link href="${pageContext.request.contextPath}/page/layui/css/layui.css" rel="stylesheet" type="text/css">
  <link href="${pageContext.request.contextPath}/page/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="${pageContext.request.contextPath}/page/css/index_style.css" rel="stylesheet" type="text/css">
  <link href="${pageContext.request.contextPath}/page/css/animate.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="menu" class="hover_animation menu_open" data-mark="false">
  <span></span>
  <span></span>
  <span></span>
</div>
<div id="navgation" class="navgation navgation_close">
  <ul class="point">
    <li><a href="#">首页</a></li>
    <li><a href="${pageContext.request.contextPath}/login">登录</a></li>
  </ul>
  <div class="logo"><a>Mr.Yss</a></div>
</div>
<div class="section" id="section1">
  <div class="fp-tablecell">
    <div class="page1">
      <div class="nav wow zoomIn" data-wow-duration="2s">
        <h1>母婴之家</h1>
        <p>手机刷屏关注天下事，不如猜猜宝宝的小心事</p>
        <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="#">Enter Blog</a>
      </div>
      <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
    </div>
  </div>
</div>
<div class="section" id="section2">
  <div class="fp-tablecell">
    <div class="page2">
      <div class="warp-box">
        <div class="new-article">
          <div class="inner wow fadeInDown" data-wow-delay=".2s">
            <h1>热门文章</h1>
            <p>
              很想给你写封信,告诉你这里的天气.
            </p>
          </div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
            <div class="single-news">
              <div class="news-head">
                <img src="${pageContext.request.contextPath}/page/image/1.jpg">
                <a href="#" class="link"><i class="fa fa-link"></i></a>
              </div>
              <div class="news-content">
                <h4>
                  <a href="#">
                    标题
                  </a>
                </h4>
                <div class="date">
                  2021年5月10日
                </div>
                <p>
                  很想给你写封信,告诉你这里的天气. 昨夜的那场电影,还有我的心情.
                </p>
                <a href="#" class="btn">
                  阅读更多
                </a>
              </div>
            </div>
          </div>
          <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
            <div class="single-news">
              <div class="news-head">
                <img src="${pageContext.request.contextPath}/page/image/1.jpg">
                <a href="#" class="link"><i class="fa fa-link"></i></a>
              </div>
              <div class="news-content">
                <h4>
                  <a href="#">
                    标题
                  </a>
                </h4>
                <div class="date">
                  2021年5月10日
                </div>
                <p>
                  很想给你写封信,告诉你这里的天气. 昨夜的那场电影,还有我的心情.
                </p>
                <a href="#" class="btn">
                  阅读更多
                </a>
              </div>
            </div>
          </div>
          <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
            <div class="single-news">
              <div class="news-head">
                <img src="${pageContext.request.contextPath}/page/image/1.jpg">
                <a href="#" class="link"><i class="fa fa-link"></i></a>
              </div>
              <div class="news-content">
                <h4>
                  <a href="#">
                    标题
                  </a>
                </h4>
                <div class="date">
                  2021年5月10日
                </div>
                <p>
                  很想给你写封信,告诉你这里的天气. 昨夜的那场电影,还有我的心情.
                </p>
                <a href="#" class="btn">
                  阅读更多
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="section3">
  <div class="fp-tablecell">
    <div class="page3">
      <div class="warp-box">
        <div class="warp">
          <div class="inner">
            <div class="links">
              <ul>
                <li class="wow fadeInLeft"><a href="#">关于</a></li>
                <li class="wow fadeInRight"><a href="#">+友情链接</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<footer class="footer wow fadeInUp" id="contact">
  <div class="footer-top">
    <div class="container">
      <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
          <div class="single-widget about">
            <div class="footer-logo">
              <h2>母婴之家</h2>
            </div>
            <p>手机刷屏关注天下事，不如猜猜宝宝的小心事。</p>
            <div class="button">
              <a href="#" class="btn layui-btn layui-btn-normal">About Me</a>
            </div>
          </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
          <div class="single-widget">
            <h2>相关链接</h2>
            <ul class="social-icon">
              <li class="active"><a href="#"><i class="fa fa-book"></i>博文</a></li>
              <li class="active"><a href="#"><i class="fa fa-comments"></i>留言</a></li>
              <li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
              <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>日记</a></li>
              <li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
            </ul>
          </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
          <div class="single-widget contact">
            <h2>联系我</h2>
            <ul class="list">
              <li><i class="fa fa-map"></i>地址: 广西师范大学雁山校区</li>
              <li><i class="fa fa-qq"></i>QQ: 1181097938</li>
              <li><i class="fa fa-envelope"></i>邮箱: 1181097938@qq.com</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright">
    <div class="container">
      <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
          <p>Copyright &copy; 2018-2021 母婴之家 All Rights Reserved</p>
        </div>
      </div>
    </div>
  </div>
</footer>
<script src="${pageContext.request.contextPath}/page/layui/layui.js"></script>
<script src="${pageContext.request.contextPath}/page/js/wow.min.js"></script>
<script src="${pageContext.request.contextPath}/page/js/index.js"></script>
</body>
</html>
